<template>
  <div class="writingCenterDiv">
    <div>
      <el-link :underline="false">
        <div style="margin-left: 25px;margin-top: 25px;" class="el-icon-user-solid">创作内容</div>
      </el-link>
    </div>
    <div style="margin-top: 20px;font-size: 10px;width: 80%;margin-left: 10%">
        <span>开启你的贴乎创作之旅</span>
        <span>发布动态，给朋友分享下此时心情吧</span>
    </div>
    <div>
      <el-button style="width:95%;margin-left: 5px;margin-top: 20px" type="primary" @click="writeArticle()">开始创作</el-button>
    </div>
    <div style="height: 10px" />
  </div>
</template>

<script>
export default {
  name: "writingCenter",
  methods:{
    writeArticle(){
      this.$router.push("/writeArticle");
    }
  }
}
</script>

<style scoped>
.writingCenterDiv{
  margin-top: 10px;
  box-shadow: 0 2px 59px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
</style>